<template>
	<div class="GJ220IntervalGraph" v-if="pageData" @click="cancelLeftClickMenu" @contextmenu.stop="cancelLeftClickMenu">
		<ScaleBox :width="1600">
			<MonitorHeader :title="$route.query.ftName">
			  <template v-slot:btns>
					<button @click="routerToIndexPage">画面索引</button>
			    <button @click="routerToMainPage">主接线图</button>
					<button>信号分图</button>
			    <button @click="clearAll($route.query.ftName)">画面清闪</button>
			  </template>
			</MonitorHeader>
			<div class="wrapper" ref="page">
				<div class="ctn">
					<div class="one">
						<div class="oneTop">
							<svg style="width:100%;height: 100%;">
								<text x="45" y="390" style="fill: #fff;font-size: 12px;">Ⅰ母A段</text>
								<main-bus name="Ⅰ母A段" x1="100" y1="390" x2="370" y2="390" stateDesc="Ⅰ母A段" color="rgb(128,0,128)"></main-bus>
								<text x="45" y="430" style="fill: #fff;font-size: 12px;">Ⅱ母A段</text>
								<main-bus name="Ⅱ母A段" x1="100" y1="430" x2="370" y2="430" stateDesc="Ⅱ母A段" color="rgb(128,0,128)"></main-bus>
								<g transform="translate(-15, 0)">
									<line x1="245" y1="340" x2="245" y2="430" stroke-width="2" stroke="rgb(128,0,128)"></line>
									<!-- 286-2 -->
									<connect-line
										:state="Number(pageData.glg[0].state_val)"
										:stateDesc="pageData.glg[0].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="269"
										:translate-y="313"
										:text-translate-y="-7"
										:text-translate-x="15"
										:info="pageData.glg[0]"
										@itemRightClick="itemRightClick"
										:name="'-'+pageData.glg[0].state_desc.split('-')[1]">
									</connect-line>
									<line x1="245" y1="240" x2="245" y2="309" stroke-width="2" stroke="rgb(128,0,128)"></line>
									<polyline points="150,309 150,275 245,275 340,275 340,309" style="stroke: rgb(128,0,128);stroke-width: 2;fill:transparent;"></polyline>
									<!-- 286 -->
									<rect-svg
										:state="Number(pageData.dlq[0].state_val)"
										:stateDesc="pageData.dlq[0].state_desc"
										:rotate="90"
										:translate-y="212"
										:translate-x="273"
										:text-translate-x="-40"
										:text-translate-y="-4"
										:scale="0.7"
										:itemObj="{is_clear:pageData.dlq[0].is_clear}"
										:name="pageData.dlq[0].state_desc"
										:info="pageData.dlq[0]"
										@itemRightClick="itemRightClick"
									></rect-svg>
									<line x1="245" y1="140" x2="245" y2="213" stroke-width="2" stroke="rgb(128,0,128)"></line>
									<!-- 286-5 -->
									<connect-line
										:state="Number(pageData.glg[2].state_val)"
										:stateDesc="pageData.glg[2].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="269"
										:translate-y="114"
										:text-translate-y="-7"
										:text-translate-x="15"
										:info="pageData.glg[2]"
										@itemRightClick="itemRightClick"
										:name="'-'+pageData.glg[2].state_desc.split('-')[1]">
									</connect-line>
									<line x1="245" y1="40" x2="245" y2="110" stroke-width="2" stroke="rgb(128,0,128)"></line>
									<polyline points=" 235,50 245,40 255,50" style="stroke: rgb(128,0,128);stroke-width: 2;fill:transparent;"></polyline>
									<!-- 286-1 -->
									<connect-line
										:state="Number(pageData.glg[1].state_val)"
										:stateDesc="pageData.glg[1].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="364"
										:translate-y="313"
										:text-translate-y="-7"
										:text-translate-x="15"
										:info="pageData.glg[1]"
										@itemRightClick="itemRightClick"
										:name="'-'+pageData.glg[1].state_desc.split('-')[1]">
									</connect-line>
									<line x1="340" y1="343" x2="340" y2="390" stroke-width="2" stroke="rgb(128,0,128)"></line>
									<!-- 286-2KD -->
									<terminal-svg
										:state="Number(pageData.dd[0].state_val)"
										:stateDesc="pageData.dd[0].state_desc"
										:scale="0.7"
										:translate-x="167"
										:translate-y="354"
										:rotate="180"
										:text-translate-y="16"
										:text-translate-x="80"
										:info="pageData.dd[0]"
										@itemRightClick="itemRightClick"
										:name="'-'+pageData.dd[0].state_desc.split('-')[1]"
									></terminal-svg>
									<polyline points="150,120 150,80 245,80" style="stroke: rgb(128,0,128);stroke-width: 2;fill:transparent;"></polyline>
									<polyline points="245,180 350,180 350,140" style="stroke: rgb(128,0,128);stroke-width: 2;fill:transparent;"></polyline>
									<!-- 286-5XD -->
									<terminal-svg
										:state="Number(pageData.dd[2].state_val)"
										:stateDesc="pageData.dd[2].state_desc"
										:scale="0.7"
										:translate-x="167"
										:translate-y="168"
										:rotate="180"
										:text-translate-y="16"
										:text-translate-x="80"
										:info="pageData.dd[2]"
										@itemRightClick="itemRightClick"
										:name="'-'+pageData.dd[2].state_desc.split('-')[1]"
									></terminal-svg>
									<!-- 286-5KD -->
									<terminal-svg
										:state="Number(pageData.dd[1].state_val)"
										:stateDesc="pageData.dd[1].state_desc"
										:scale="0.7"
										:translate-x="332"
										:translate-y="92"
										:text-translate-y="28"
										:text-translate-x="30"
										:info="pageData.dd[1]"
										@itemRightClick="itemRightClick"
										:name="'-'+pageData.dd[1].state_desc.split('-')[1]"
									></terminal-svg>
									<text x="70" y="40" style="fill: #fff;font-size: 14px;">桂敬线</text>
									<g transform="translate(15, 0)">
										<line x1="38" y1="190" x2="38" y2="200" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<!-- <rect width="15" height="30" x="30" y="200" style="fill: rgb(128,0,128);"></rect> -->
										<rect-svg
											:state="Number(pageData.dlq[1].state_val)"
											:stateDesc="pageData.dlq[1].state_desc"
											:rotate="90"
											:translate-x="66"
											:translate-y="200"
											:text-translate-x="-8"
											:text-translate-y="32"
											:scale="0.7"
											:itemObj="{is_clear:pageData.dlq[1].is_clear}"
											:name="pageData.dlq[1].state_desc.slice(-1)"
											:info="pageData.dlq[1]"
											@itemRightClick="itemRightClick"
											:textColor="'#fbff1e'"
										></rect-svg>
										<line x1="38" y1="230" x2="38" y2="240" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<!-- <text x="32" y="270" style="fill: #fbff1e;font-size: 16px;">A</text> -->
									</g>
									<g transform="translate(45, 0)">
										<line x1="38" y1="190" x2="38" y2="200" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<!-- <rect width="15" height="30" x="30" y="200" style="fill: rgb(128,0,128);"></rect> -->
										<rect-svg
											:state="Number(pageData.dlq[2].state_val)"
											:stateDesc="pageData.dlq[2].state_desc"
											:rotate="90"
											:translate-x="66"
											:translate-y="200"
											:text-translate-x="-8"
											:text-translate-y="32"
											:scale="0.7"
											:itemObj="{is_clear:pageData.dlq[2].is_clear}"
											:name="pageData.dlq[2].state_desc.slice(-1)"
											:info="pageData.dlq[2]"
											@itemRightClick="itemRightClick"
											:textColor="'#79dd97'"
										></rect-svg>
										<line x1="38" y1="230" x2="38" y2="240" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<!-- <text x="32" y="270" style="fill: #79dd97;font-size: 16px;">B</text> -->
									</g>
									<g transform="translate(75, 0)">
										<line x1="38" y1="190" x2="38" y2="200" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<!-- <rect width="15" height="30" x="30" y="200" style="fill: rgb(128,0,128);"></rect> -->
										<rect-svg
											:state="Number(pageData.dlq[3].state_val)"
											:stateDesc="pageData.dlq[3].state_desc"
											:rotate="90"
											:translate-x="66"
											:translate-y="200"
											:text-translate-x="-8"
											:text-translate-y="32"
											:scale="0.7"
											:itemObj="{is_clear:pageData.dlq[3].is_clear}"
											:name="pageData.dlq[3].state_desc.slice(-1)"
											:info="pageData.dlq[3]"
											@itemRightClick="itemRightClick"
											:textColor="'#fd3430'"
										></rect-svg>
										<line x1="38" y1="230" x2="38" y2="240" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<!-- <text x="32" y="270" style="fill: #fd3430;font-size: 16px;">C</text> -->
									</g>
								</g>
							</svg>
						</div>
						<div class="oneBtm">
							<p>遥测量</p>
							<div class="tableWrapper">
								<p>TA变比 2500/1</p>
								<div class="tableBox">
									<el-table :data="pageData['遥测']" style="width: 100%;height: 100%;">
										<el-table-column prop="state_desc" label="项目" align="center"></el-table-column>
										<el-table-column prop="state_val" label="测量值" align="center">
											<template slot-scope="scope">
												<div @contextmenu.prevent.stop="checkVal(scope.row, true)" style="cursor: pointer">{{ `${Number(scope.row.state_val).toFixed(2)}` }}</div>
											</template>
										</el-table-column>
										<el-table-column prop="unit" label="单位" align="center"></el-table-column>
									</el-table>
								</div>
							</div>
						</div>
					</div>
					<div class="two">
						<div class="two_one">
							<p>通讯状态</p>
							<div class="two_oneCtn">
								<div class="two_oneCtnLeft">
									<p>测控</p>
									<div class="inner">
										<div class="innerLeft"><span>"</span></div>
										<div class="innerRight">
											<p>PRS-7741</p>
											<div class="AB">
												<div class="A">
													<p>A</p>
													<div class="imgBox">
														<net-state :info="pageData['PRS-7741通讯状态'][0]" :state="pageData['PRS-7741通讯状态'][0].state_val"></net-state>
													</div>
												</div>
												<div class="B">
													<p>B</p>
													<div class="imgBox">
														<net-state :info="pageData['PRS-7741通讯状态'][1]" :state="pageData['PRS-7741通讯状态'][1].state_val"></net-state>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="two_oneCtnLeft">
									<p>保护A</p>
									<div class="inner">
										<div class="innerLeft"><span>"</span></div>
										<div class="innerRight">
											<p>CSC-103</p>
											<div class="AB">
												<div class="A">
													<p>A</p>
													<div class="imgBox">
														<net-state :info="pageData['CSC-103通讯状态'][0]" :state="pageData['CSC-103通讯状态'][0].state_val"></net-state>
													</div>
												</div>
												<div class="B">
													<p>B</p>
													<div class="imgBox">
														<net-state :info="pageData['CSC-103通讯状态'][1]" :state="pageData['CSC-103通讯状态'][1].state_val"></net-state>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="two_oneCtnLeft">
									<p>保护B</p>
									<div class="inner">
										<div class="innerLeft"><span>"</span></div>
										<div class="innerRight">
											<p>PSL-603</p>
											<div class="AB">
												<div class="A">
													<p>A</p>
													<div class="imgBox">
														<net-state :info="pageData['PSL-603通讯状态'][0]" :state="pageData['PSL-603通讯状态'][0].state_val"></net-state>
													</div>
												</div>
												<div class="B">
													<p>B</p>
													<div class="imgBox">
														<net-state :info="pageData['PSL-603通讯状态'][1]" :state="pageData['PSL-603通讯状态'][1].state_val"></net-state>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="two_two">
							<p>把手控制</p>
							<div class="two_twoCtn">
								<div class="two_twoCtnTop">
									<div class="YuanFangicon">
										<div class="yuanfang" v-if="pageData['控制把手'][4].state_desc.includes('解锁')">
											<p>联锁</p>
											<p>解锁</p>
										</div>
										<div class="yuanfang" v-else>
											<p>远方</p>
											<p>就地</p>
										</div>
										<div class="polygon-icon">
											<KongZhiBaShou
												:info="pageData['控制把手'][4]" 
												:name="pageData['控制把手'][4].state_desc" 
												:state="Number(pageData['控制把手'][4].state_val)"  
												@itemRightClick="itemRightClick" 
												:deviceName="pageData['控制把手'][4].state_desc"  
												:jianGeMing="pageData['控制把手'][4].jg_name"
											></KongZhiBaShou>
										</div>
									</div>
									<p>智能终端远控开入</p>
								</div>
								<div class="two_twoCtnBtm">
									<div class="item">
										<div class="YuanFangicon">
											<div class="yuanfang" v-if="pageData['控制把手'][0].state_desc.includes('解锁')">
												<p>联锁</p>
												<p>解锁</p>
											</div>
											<div class="yuanfang" v-else>
												<p>远方</p>
												<p>就地</p>
											</div>
											<div class="polygon-icon">
												<KongZhiBaShou
													:info="pageData['控制把手'][0]" 
													:name="pageData['控制把手'][0].state_desc" 
													:state="Number(pageData['控制把手'][0].state_val)"  
													@itemRightClick="itemRightClick" 
													:deviceName="pageData['控制把手'][0].state_desc"  
													:jianGeMing="pageData['控制把手'][0].jg_name"
												></KongZhiBaShou>
											</div>
										</div>
										<!-- <span v-if="pageData['控制把手'][0].state_val==0"><img src="../../assets/images/jiudi.jpg" alt=""></span>
										<span v-else><img src="../../assets/images/yuanfang.jpg" alt=""></span> -->
										<p>断路器机构</p>
									</div>
									<div class="item">
										<div class="YuanFangicon">
											<div class="yuanfang" v-if="pageData['控制把手'][1].state_desc.includes('解锁')">
												<p>联锁</p>
												<p>解锁</p>
											</div>
											<div class="yuanfang" v-else>
												<p>远方</p>
												<p>就地</p>
											</div>
											<div class="polygon-icon">
												<KongZhiBaShou
													:info="pageData['控制把手'][1]" 
													:name="pageData['控制把手'][1].state_desc" 
													:state="Number(pageData['控制把手'][1].state_val)"  
													@itemRightClick="itemRightClick" 
													:deviceName="pageData['控制把手'][1].state_desc"  
													:jianGeMing="pageData['控制把手'][1].jg_name"
												></KongZhiBaShou>
											</div>
										</div>
										<!-- <span v-if="pageData['控制把手'][1].state_val==0"><img src="../../assets/images/jiudi.jpg" alt=""></span>
										<span v-else><img src="../../assets/images/yuanfang.jpg" alt=""></span> -->
										<p>刀闸机构</p>
									</div>
									<div class="item">
										<div class="YuanFangicon">
											<div class="yuanfang" v-if="pageData['控制把手'][3].state_desc.includes('解锁')">
												<p>联锁</p>
												<p>解锁</p>
											</div>
											<div class="yuanfang" v-else>
												<p>远方</p>
												<p>就地</p>
											</div>
											<div class="polygon-icon">
												<KongZhiBaShou
													:info="pageData['控制把手'][3]" 
													:name="pageData['控制把手'][3].state_desc" 
													:state="Number(pageData['控制把手'][3].state_val)"  
													@itemRightClick="itemRightClick" 
													:deviceName="pageData['控制把手'][3].state_desc"  
													:jianGeMing="pageData['控制把手'][3].jg_name"
												></KongZhiBaShou>
											</div>
										</div>
										<!-- <span v-if="pageData['控制把手'][3].state_val==0"><img src="../../assets/images/jiudi.jpg" alt=""></span>
										<span v-else><img src="../../assets/images/yuanfang.jpg" alt=""></span> -->
										<p>联锁把手</p>
									</div>
									<div class="item">
										<div class="YuanFangicon">
											<div class="yuanfang" v-if="pageData['控制把手'][2].state_desc.includes('解锁')">
												<p>联锁</p>
												<p>解锁</p>
											</div>
											<div class="yuanfang" v-else>
												<p>远方</p>
												<p>就地</p>
											</div>
											<div class="polygon-icon">
												<KongZhiBaShou
													:info="pageData['控制把手'][2]" 
													:name="pageData['控制把手'][2].state_desc" 
													:state="Number(pageData['控制把手'][2].state_val)"  
													@itemRightClick="itemRightClick" 
													:deviceName="pageData['控制把手'][2].state_desc"  
													:jianGeMing="pageData['控制把手'][2].jg_name"
												></KongZhiBaShou>
											</div>
										</div>
										<!-- <span v-if="pageData['控制把手'][2].state_val==0"><img src="../../assets/images/jiudi.jpg" alt=""></span>
										<span v-else><img src="../../assets/images/yuanfang.jpg" alt=""></span> -->
										<p>测控远方就地把手</p>
									</div>
								</div>
							</div>
						</div>
						<div class="two_three">
							<p>测控装置硬压板</p>
							<div class="two_threeCtn">
								<div>
									<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['测控装置硬压板'][0]" :state="Number(pageData['测控装置硬压板'][0].state_val)"></YingYaBan></div>
									<p>{{pageData['测控装置硬压板'][0].state_desc}}</p>
								</div>
								<div>
									<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['测控装置硬压板'][1]" :state="Number(pageData['测控装置硬压板'][1].state_val)"></YingYaBan></div>
									<p>{{pageData['测控装置硬压板'][1].state_desc}}</p>
								</div>
							</div>
						</div>
						<div class="two_four">
							<p>测控装置出口软压板</p>
							<div class="two_fourCtn">
								<ul>
									<li @click.prevent.stop="itemRightClick($event, 'ruanyaban',pageData['测控装置软压板'][0].state_desc,Number(pageData['测控装置软压板'][0].state_val), pageData['测控装置软压板'][0].id,pageData['测控装置软压板'][0].jg_name,pageData['测控装置软压板'][0])">
										<div class="svgBox" style="cursor: pointer;">
											<RuanYaBan :info="pageData['测控装置软压板'][0]" :state="pageData['测控装置软压板'][0].state_dev"></RuanYaBan>
										</div>
										<!-- <p>{{pageData["测控装置软压板"][0].state_desc}}</p> -->
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="three">
						<div class="three_left">
							<div class="three_left_one">
								<p>A套保护CSC-103硬压板</p>
								<div class="three_left_oneCtn">
									<div>
										<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['A套保护CSC-103硬压板'][0]" :state="Number(pageData['A套保护CSC-103硬压板'][0].state_val)"></YingYaBan></div>
										<p>{{pageData['A套保护CSC-103硬压板'][0].state_desc}}</p>
									</div>
									<div>
										<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['A套保护CSC-103硬压板'][1]" :state="Number(pageData['A套保护CSC-103硬压板'][1].state_val)"></YingYaBan></div>
										<p>{{pageData['A套保护CSC-103硬压板'][1].state_desc}}</p>
									</div>
								</div>
							</div>
							<div class="three_left_two">
								<p>过程层设备硬压板</p>
								<div class="three_left_twoCtn">
									<div>
										<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['过程层设备硬压板'][0]" :state="Number(pageData['过程层设备硬压板'][0].state_val)"></YingYaBan></div>
										<p>{{pageData['过程层设备硬压板'][0].state_desc}}</p>
									</div>
									<div>
										<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['过程层设备硬压板'][1]" :state="Number(pageData['过程层设备硬压板'][1].state_val)"></YingYaBan></div>
										<p>{{pageData['过程层设备硬压板'][1].state_desc}}</p>
									</div>
								</div>
							</div>
							<div class="three_left_three">
								<p>A套保护CSC-103软压板</p>
								<div class="three_left_threeCtn">
									<ul>
										<li v-for="(item, index) in pageData['A套保护CSC-103软压板']" :key="index" @click.prevent.stop="itemRightClick($event, 'ruanyaban',item.state_desc,Number(item.state_val), item.id,item.jg_name,item)">
											<div class="svgBox" style="cursor: pointer;">
												<RuanYaBan :info="item" :state="Number(item.state_val)"></RuanYaBan>
											</div>
											<!-- <p>{{item.state_desc}}</p> -->
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="three_right">
							<div class="three_left_one">
								<p>B套保护PSL-603硬压板</p>
								<div class="three_left_oneCtn">
									<div>
										<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['B套保护PSL-603硬压板'][0]" :state="Number(pageData['B套保护PSL-603硬压板'][0].state_val)"></YingYaBan></div>
										<p>{{pageData['B套保护PSL-603硬压板'][0].state_desc}}</p>
									</div>
									<div>
										<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['B套保护PSL-603硬压板'][1]" :state="Number(pageData['B套保护PSL-603硬压板'][1].state_val)"></YingYaBan></div>
										<p>{{pageData['B套保护PSL-603硬压板'][1].state_desc}}</p>
									</div>
								</div>
							</div>
							<div class="three_left_two">
								<p>过程层设备硬压板</p>
								<div class="three_left_twoCtn">
									<div>
										<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['过程层设备硬压板'][2]" :state="Number(pageData['过程层设备硬压板'][2].state_val)"></YingYaBan></div>
										<p>{{pageData['过程层设备硬压板'][2].state_desc}}</p>
									</div>
									<div>
										<div class="icon" style="cursor:pointer"><YingYaBan :info="pageData['过程层设备硬压板'][3]" :state="Number(pageData['过程层设备硬压板'][3].state_val)"></YingYaBan></div>
										<p>{{pageData['过程层设备硬压板'][3].state_desc}}</p>
									</div>
								</div>
							</div>
							<div class="three_left_three">
								<p>B套保护PSL-603软压板</p>
								<div class="three_left_threeCtn">
									<ul>
										<li v-for="(item, index) in pageData['B套保护PSL-603软压板']" :key="index" @click.prevent.stop="itemRightClick($event, 'ruanyaban',item.state_desc,Number(item.state_val), item.id,item.jg_name,item)">
											<div class="svgBox" style="cursor: pointer;">
												<RuanYaBan :info="item" :state="Number(item.state_val)"></RuanYaBan>
											</div>
											<!-- <p>{{item.state_desc}}</p> -->
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</ScaleBox>
		<!-- ---------------------------------------------- -->
		<rightClickmenuList
		  v-if="rightMenuObj && showMenu"
		  :right-menu-obj="rightMenuObj"
		  @menuItemClick="menuItemClick"
		/>
		<el-dialog
		  custom-class="yaokongPersonDialog"
		  :visible.sync="operatorPwdDialogVisible_0"
		  width="22%"
		  :close-on-click-modal="false"
		>
		  <p slot="title" class="el-dialog__title">操作人</p>
		  <div class="operatorPwd">
		    <div class="operator">
		      <label>请输入操作人</label>
		      <el-select
		        size="small"
		        v-model="operatorPwdObj.username"
		        style="width: 16rem"
		      >
		        <el-option
		          v-for="(item, index) in userInfoJson.operatorList"
		          :key="index"
		          :label="item.username"
		          :value="item.username"
		        />
		      </el-select>
		    </div>
		    <div class="pwd">
		      <label>请输入密码</label>
		      <el-input
		        v-model="operatorPwdObj.pwd"
		        size="small"
		        type="password"
		        @keydown.enter.native="operatorPwdSubmit_0"
		      />
		    </div>
		  </div>
		  <span slot="footer" class="dialog-footer">
		    <el-button size="small" @click="operatorPwdSubmit_0">确 定</el-button>
		    <el-button size="small" @click="operatorPwdDialogVisible_0 = false">取 消</el-button>
		  </span>
		</el-dialog>
		<el-dialog
		  custom-class="yaokongPersonDialog"
		  :visible.sync="operatorPwdDialogVisible"
		  width="22%"
		  :close-on-click-modal="false"
		>
		  <p slot="title" class="el-dialog__title">监护人</p>
		  <div class="operatorPwd">
		    <div class="operator">
		      <label>请输入监护人</label>
		      <el-select
		        size="small"
		        v-model="adminPwdObj.username"
		        style="width: 16rem"
		      >
		        <el-option
		          v-for="(item, index) in userInfoJson.adminList"
		          :key="index"
		          :label="item.username"
		          :value="item.username"
		        />
		      </el-select>
		    </div>
		    <div class="pwd">
		      <label>请输入监护员密码</label>
		      <el-input
		        v-model="adminPwdObj.pwd"
		        size="small"
		        type="password"
		        @keydown.enter.native="operatorPwdSubmit"
		      />
		    </div>
		  </div>
		  <span slot="footer" class="dialog-footer">
		    <el-button size="small" @click="operatorPwdSubmit">确 定</el-button>
		    <el-button size="small" @click="operatorPwdDialogVisible = false">取 消</el-button>
		  </span>
		</el-dialog>
		<el-dialog
		  custom-class="switchPatrolDialog"
		  :visible.sync="dialogVisible"
		  :close-on-press-escape="true"
		  :close-on-click-modal="true"
		  :width="`40%`"
		  :modal="false"
		  @before-close="handleDialogClose"
		>
		  <!-- 隔离刀 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'gelidao'
		    "
		  >
		    <!-- 遥控 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		    </template>
		
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 4
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 6
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 地刀 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'didao'
		    "
		  >
		    <!--          遥控-->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 0">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		      <span>暂无内容</span>
		    </template>
		
		    <!-- 全站清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 4">
		      <p slot="title" class="el-dialog__title">全站清闪</p>
		      <span>暂无内容</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 5">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 0
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 5
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 断路器 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj &&
		      currentSelectMenuItemObj.type == 'duanluqi'
		    "
		  >
		    <!-- 遥控 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		      <span>确定要将{{
		          currentSelectMenuItemObj.currentObj.name
		        }}开关清闪吗？</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		    <!-- 全站清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 3">
		      <p slot="title" class="el-dialog__title">全站清闪</p>
		      <span>确定要将全部设备进行清闪吗？</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 4
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 2
		        "
		        size="small"
		        @click="clearFlesh"
		        >确定</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 3
		        "
		        size="small"
		        @click="clearAll"
		        >确定</el-button>
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 6
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 把手 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'bashou'
		    "
		  >
		    <!-- 操作 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">操作</p>
		      <span>暂无内容</span>
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 2
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		    </span>
		  </template>
		
		  <template
		    v-if="
		      currentSelectMenuItemObj &&
		      currentSelectMenuItemObj.type == 'ruanyaban'
		    "
		  >
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 2
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		    </span>
		  </template>
		</el-dialog>
		<el-dialog
		  ref="operateRecordDialogRef"
		  custom-class="operateRecordDialog"
		  :modal="false"
		  :close-on-click-modal="false"
		  v-if="operationRecordsDialogVisible"
		  :visible.sync="operationRecordsDialogVisible"
		  v-dialogDrag:{dialogDrag}="true"
		  width="35%"
		>
		  <p slot="title" class="el-dialog__title">操作记录</p>
		  <div class="messageAlarmList">
		    <el-table :data="operationRecordsData" width="100%" height="250">
		      <el-table-column
		        prop="num"
		        label="序号"
		        width="85"
		        header-align="center"
		        align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.num
		          }}</span>
		        </template>
		      </el-table-column>
		      <el-table-column
		        prop="createTime"
		        label="操作时间"
		        width="160"
		        header-align="center"
		        align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.createTime
		          }}</span>
		        </template>
		      </el-table-column>
		      <el-table-column
		        prop="log_desc"
		        label="操作描述"
		        header-align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.log_desc
		          }}</span>
		        </template>
		      </el-table-column>
		    </el-table>
		  </div>
		</el-dialog>
	</div>
</template>

<script src="./script.js"></script>

<style lang="less" src="./style.less" scoped></style>